<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>访问属性</title>
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
<!--    <script type="text/javascript" src="../js/jquery-1.4.1.min.js"></script>-->
    <script>
        $(function(){
            $("img").click(function(){
                console.log($(this).attr("src"))
                console.log($(this).attr("alt"))
                console.log($(this).attr("title"))
                $(this).attr("src","../images/1.gif")
                // 在1.9版本中引入了prop方法,其用法与attr一致
                // 只是对应表单元素,attr会存在问题,prop可以正常使用
                console.log($(this).prop("src"))
                console.log($(this).prop("alt"))
                console.log($(this).prop("title"))
            });
            $("#inText").blur(function(){
                console.log($(this).attr("type"))
                console.log($(this).attr("id"))
                console.log($(this).attr("value"))
                // 获取表单元素的值的时候可以通过val()方法获取
                console.log($(this).val())
                // $(this).val("jack");
                console.log($(this).prop("type"))
                console.log($(this).prop("id"))
                console.log($(this).prop("value"))
            });
        })
    </script>
</head>
<body>
<img src="../images/heihei.gif" alt="图片加载失败" title="今天心情不错"><br>
<input type="text" id="inText" value="admin"><br>
</body>
</html>